﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>


<!--_meta 作为公共模版分离出去-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 基本表单</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="${pageContext.request.contextPath }/shoppingadmin/favicon.ico"> 
    <link href="${pageContext.request.contextPath }/shoppingadmin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/shoppingadmin/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/custom.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/chosen.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/bootstrap-colorpicker.min.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/cropper.min.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/switchery.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/jasny-bootstrap.min.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/jquery.nouislider.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/datepicker3.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/ion.rangeSlider.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/shoppingadmin/css/ion.rangeSlider.skinFlat.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/awesome-bootstrap-checkbox.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/clockpicker.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/shoppingadmin/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/shoppingadmin/css/style.css?v=4.1.0" rel="stylesheet">

    
    <!-- Sweet Alert -->
    <link href="${pageContext.request.contextPath }/shoppingadmin/css/sweetalert.css" rel="stylesheet">
    <script type="text/javascript" src="${pageContext.request.contextPath }/shoppingadmin/js/kindeditor-min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/shoppingadmin/js/kindeditor.js"></script>
    <style type="text/css">
    	.note-editable{
    		height: 200px;
    	}
    </style>
   <script>
		var editor;
		KindEditor.ready(function(K) {
			editor = K.create('textarea[name="hh"]', {
				allowFileManager : true,
				width : "700px",
				height : "400px",
				uploadJson : 'tw/jsp/upload_json.jsp',
				fileManagerJson : 'tw/jsp/file_manager_json.jsp'
			});
			
			K('#selectImg').click(function() {
				editor.loadPlugin('image', function() {
					editor.plugin.imageDialog({
						imageUrl : K('#image').val(),
						clickFn : function(url, title, width, height,
								border, align) {
							K('#image').val(url);
							$("#img_image").attr("src",url);
							editor.hideDialog();
						}
					});
				});
			});
			K('#selectImg2').click(function() {
				editor.loadPlugin('image', function() {
					editor.plugin.imageDialog({
						imageUrl : K('#image2').val(),
						clickFn : function(url, title, width, height,
								border, align) {
							K('#image2').val(url);
							$("#img_image2").attr("src",url);
							editor.hideDialog();
						}
					});
				});
			});
			K('#selectImg3').click(function() {
				editor.loadPlugin('image', function() {
					editor.plugin.imageDialog({
						imageUrl : K('#image3').val(),
						clickFn : function(url, title, width, height,
								border, align) {
							K('#image3').val(url);
							$("#img_image3").attr("src",url);
							editor.hideDialog();
						}
					});
				});
			});
		});
	</script>
</head>
<body class="gray-bg">
	<script src="${pageContext.request.contextPath }/shoppingadmin/js/jquery-1.7.2.min_1.js"></script>

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>会员添加</h5>
                    </div>
                    <div class="ibox-content">
                        <form class="form-horizontal" id="form1" action="${pageContext.request.contextPath }/member/addmember.html"  method="post">
                        	<input type="hidden" name="user.id" value="">
                        	<div class="form-group">
                        		<label class="col-sm-3 control-label"></label>
                        		<div class="col-sm-8" style="color: red;font-size: 15px">
                                    
                                </div>
                        	</div>
                        		
								<div class="form-group">
									<label class="col-sm-3 control-label"><span style="color:red;" >*</span>用户名：</label>
									<div class="col-sm-8" >
										<input type="text" name="user.user"  placeholder=" 请输入用户名" value="" id="username" maxlength="20" class="form-control">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"><span style="color:red;" >*</span>手机号：</label>
									<div class="col-sm-8" >
										<input type="text" name="user.xm"  placeholder=" 请输入手机号" value="" maxlength="20" id="xm" class="form-control">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"><span style="color:red;" >*</span>密码：</label>
									<div class="col-sm-8" >
										<input type="password" name="user.password"  placeholder=" 请输入密码" value=""   id="password" maxlength="20" class="form-control">
									</div>
								</div>	
								<div class="form-group">
									<label class="col-sm-3 control-label"><span style="color:red;" >*</span>确认密码：</label>
									<div class="col-sm-8" >
										<input type="password" name="password"  placeholder=" 请确认密码 " value=""  id="passwords"  maxlength="20" class="form-control">
									</div>
								</div>
                                
                                <div class="form-group">
									<label class="col-sm-3 control-label"><span style="color:red;" >*</span>二级密码：</label>
									<div class="col-sm-8" >
										<input type="password" name="user.secondpassword"  placeholder=" 请输入二级密码" value=""   id="password" maxlength="20" class="form-control">
									</div>
								</div>	
								<div class="form-group">
									<label class="col-sm-3 control-label"><span style="color:red;" >*</span>确认密码：</label>
									<div class="col-sm-8" >
										<input type="password" name="password"  placeholder=" 请确认二级密码" value=""  id="passwords"  maxlength="20" class="form-control">
									</div>
								</div>
                                <div class="form-group">
									<label class="col-sm-3 control-label">推荐人：</label>
									<div class="col-sm-8" >
										<input type="text" name="user.sfz"  placeholder=" 请输入推荐人" value=""     maxlength="20" class="form-control">
									</div>
								</div>
                                <div class="form-group">
									<label class="col-sm-3 control-label">推荐人手机号：</label>
									<div class="col-sm-8" >
										<input type="text" name="user.phone"  placeholder=" 请输入推荐人手机号" value=""     maxlength="20" class="form-control">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">身份证号：</label>
									<div class="col-sm-8" >
										<input type="text" name="user.idcard"  placeholder=" 请输入身份证号 " value=""     maxlength="20" class="form-control">
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-sm-3 control-label">地址：</label>
									<div class="col-sm-8">
                                    <div >
										<style type="text/css">



/* m_zlxg */

.m_zlxg{ width:140px; height:35px; line-height:35px;cursor:pointer;float:left;margin:0 10px 0 0;display:inline;background:url(images/zlxg2.jpg) no-repeat;}

.m_zlxg p{ width:100px; padding-left:10px; overflow:hidden; line-height:35px; color:#333333; font-size:14px; font-family:"微软雅黑";text-overflow:ellipsis; white-space:nowrap;}

.m_zlxg2{ position:absolute; top:32px; border:1px solid #ded3c1;background:#fff; width:129px !important; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap;    z-index: 999999; list-style:none; padding:0;}
.m_zlxg2 ul{ padding:0;}
.m_zlxg2 li{list-style:none;line-height:28px;white-space:nowrap; padding-left:10px;font-family:"微软雅黑";color:#333333; font-size:12px; padding:0; text-align:center;}

.m_zlxg2 li:hover{ color:#7a5a21;}

</style>
<!-- <div id="sjld" style="">

	<div class="m_zlxg" id="shenfen" style="margin-left:0;">

		<p title="">选择省份</p>

		<div class="m_zlxg2">

			<ul><li>1233333</li></ul>

		</div>
		

	</div>

	<div class="m_zlxg" id="chengshi">

		<p title="">选择城市</p>

		<div class="m_zlxg2">

			<ul></ul>

		</div>

	</div>

	<div class="m_zlxg" id="quyu">

		<p title="">选择区域</p>

		<div class="m_zlxg2">

			<ul></ul>

		</div>

	</div>

	<input id="sfdq_num" type="hidden" value="" />

	<input id="csdq_num" type="hidden" value="" />

	<input id="sfdq_tj" type="hidden" value="" />

	<input id="csdq_tj" type="hidden" value="" />

	<input id="qydq_tj" type="hidden" value="" />

</div> -->
<div id="sjld" class="row">
	 <div class="col-sm-3"> 
		<select id="shengfen" name="shengfen" class="form-control province">
		
		</select>
	 </div>
	<div class="col-sm-3">
		<select id="chengshi" name="chengshi"  class="form-control city">
		
		</select>
	 </div> 
	 <div class="col-sm-3">
		<select id="quyu" name="quyu"  class="form-control area">
		
		</select>
	 </div> 
	
</div>
<script type="text/javascript" src="${pageContext.request.contextPath }/shoppingadmin/js/address.js"></script>
<script type="text/javascript">

$(function(){



	$("#sjld").sjld("#shenfen","#chengshi","#quyu");

	

});

</script>
									</div>
                                    	<span class="help-block m-b-none"></span>
                                </div>
								</div>
                                <div class="form-group">
									<label class="col-sm-3 control-label">开户银行：</label>
									<div class="col-sm-8" >
										<input type="text" name="user.yhkh"  placeholder=" 请输开户银行 " value=""     maxlength="20" class="form-control">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">银行卡号：</label>
									<div class="col-sm-8" >
										<input type="text" name="user.yhkhId"  placeholder=" 请输入银行卡号 " value=""     maxlength="20" class="form-control">
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-sm-3 control-label">账户状态：</label>
									<span class="spanwitch" style="float: left;margin-left: 15px;">
                            			<div class="onoffswitch">
                               				<input class="onoffswitch-checkbox" id="example2"   type="checkbox" name="user.zhzt" value="1">
                                			<label class="onoffswitch-label" for="example2">
                                    			<span class="onoffswitch-inner"></span>
                                    			<span class="onoffswitch-switch"></span>
                                			</label>
                            			</div>
                        			</span>
								</div>
								
								
                           	 <div class="form-group">
                                <div class="col-sm-offset-3 col-sm-8">
                                	<button id="submit" class="btn btn-sm btn-info" type="submit">确认保存</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>
     <script type="text/javascript">
    	$(document).ready(function(){
    		$("#submit").click(function(){
    			 var huiyuanid = $("#huiyuanid").val();
	       		 var username = $("#username").val();
	   			 var xm = $("#xm").val();
	   			 if(!username){
	   				 alert("请输入用户名");
	   				 return false;
	   			 }
	   			 if(!xm){
	   				 alert("请输入姓名");
	   				 return false;
	   			 }
				return true;
    		});
    	});
    </script>
</body>
</html>
